/**
 *用来设置boxLine，即外面的蓝色框框
 */
export default function store_dragenter(state, { e, that }) {
  // 判断目标容器是不是规范的
  if (
    !["fixedBox", "freeBox", "colBoxItem", "seniorBoxItem"].includes(
      e.target.getAttribute("data-type")
    )
  )
    return;

  /**
   * 清理boxLine
   * 因为子元素先触发enter事件，父元素再触发out事件
   * 防止有两个boxLine--把原来的清理
   */
  if (state.aimBox) {
    state.aimBox.attrs.class = state.aimBox.attrs.class.replace(" boxLine", "");
  }

  // 找到目标容器组件
  state.aimBox = that.$searchDom(
    state.page.tree[that.pageName],
    e.path.slice(0, -6).reverse(),
    false
  );

  // 然后再添加boxLine
  if (state.aimBox) {
    state.aimBox.attrs.class = `${state.aimBox.attrs.class} boxLine`;
  }

  e.preventDefault();
}
